<template>
  <div>
    <div v-transfer-dom>
      <popup v-model="showNotice" height="100%">
        <div class="showNotice-popup">
          <!--<h1>敬请期待</h1>-->
          <h3>微信报警注意事项</h3>
          <p>1.云南公安微信报警是110电话报警及12110短信报警的重要补充手段，如遇紧急情况（除不便使用语音报警的情况），请选择拨打110电话报警。</p>
          <p>2.为最大化发挥微信报警时效，减少公共资源、警务资源浪费，微信报警人须保证自己提供的个人身份信息和报警内容真实、完整，并协助公安机关获取与报警相关的信息资源。</p>
          <p>3.如报警人未提供真实身份及有效联系方式，或提供的报警信息不全的，可能导致公安机关无法及时接处警情。所报事项不属于公安机关管辖的，公安机关将引导报警人向有管辖权的单位反映处理。</p>
          <p>4.对故意多次进行不实报警的微信账号，经核实后将被列入黑名单予以屏蔽，对恶意骚扰、谎报警情、威胁恐吓、谩骂侮辱、诬告他人及散布虚假信息等干扰公安机关正常工作的行为，公安机关将依法予以处罚，构成犯罪的，将依法追究刑事责任。</p>
        </div>
        <div class="btn-box" style="margin-top: 30px;">
          <x-button type="primary" @click.native="goNew">阅读并同意</x-button>
          <x-button type="default" plain style="margin-top: 30px;" @click.native="goBack">暂不报警</x-button>
        </div>
      </popup>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
  import {TransferDom, Popup, XButton, Group, Selector, XInput, XTextarea} from 'vux'
  export default {
    data(){
      return {
        showNotice:true,

        //用户信息
        user_sfz: '',
        user_name: '',
        user_phone: '',
        user_Id: ''
      }
    },
    created(){
      //this.getUserInfo();
    },
    methods: {
      goBack(){
        this.$router.push('/')
      },
      goNew(){
        this.$router.push('/CallPoliceNew')
      }
    },
    directives: {
      TransferDom
    },
    components:{
      Popup,
      XButton,
      Group,
      Selector,
      XInput,
      XTextarea
    }
  }
</script>

<style lang="less" scoped>

  .showNotice-popup {
    width: 100%;
    padding: 20px;
  }
  h3 {
    font-size: 18px;
    padding: 5px;
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 15px;
  }

  p {
    line-height: 24px;
    margin-bottom: 5px;
  }
</style>
